<!DOCTYPE html>
<html>
<head>
    <title>Title of the document</title>
</head>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<body>
<div class="top-font-size" style="width: 100%; height: 33px; line-height: 33px; border-bottom: #bdbdbd solid 1px">
    <div style="float: right;">
        <div style="display: inline-flex">
            <div class="mr-md">
                <u class="ml-md">网页</u>
                <u class="ml-md">新闻</u>
                <u class="ml-md">贴吧</u>
                <u class="ml-md">知道</u>
                <u class="ml-md">音乐</u>
                <u class="ml-md">图片</u>
                <u class="ml-md">视频</u>
                <u class="ml-md">地图</u>
                <u class="ml-md">文库</u>
                <u class="ml-md">百科</u>
            </div>
            <div class="separator"></div>
            <div class="ml-md" style="font-weight: initial">
                <ul class="mr-md" style="float: left">百度首页</ul>
                <ul class="mr-md" style="float: left">登陆</ul>
                <ul class="mr-md" style="float: left">注册</ul>
            </div>
        </div>
    </div>
</div>

<div style="height: 137px">
    <div class="top-level-two">
        <div class="top-level-two-img"></div>
        <input type="text">
        <div class="top-level-two-div top-level-two-btn1">
            进入词条
        </div>
        <div class="top-level-two-div top-level-two-btn2  ml-xs">
            全站搜索
        </div>
        <u style="font-size: 13px" class="ml-sm font-underline pointer">帮助</u>
    </div>
    <div class="top-level-two-hint">
        声明：百科词条人人可编辑，词条创建和修改均免费，绝不存在官方及代理商付费代编，请勿上当受骗。<a href="" class="ml-xs">详情>></a> <a style="float: right">X</a>
    </div>
</div>
<div style="height: 265px; background-color: #0A318A">
    <div class="tt-drop">
        <div class="drop">
            <div style="margin: auto; width: 1130px;">
                <ul style="display: inline-flex;">
                    <li class="drop-down">
                        <ul class="drop-down-content">
                            <li class="drop-down-column"><a href="#">首页</a></li>
                            <li class="drop-down-d"><a href="#">历史上的今天</a></li>
                            <li class="drop-down-d"><a href="#">百科冷知识</a></li>
                            <li class="drop-down-d"><a href="#">图解百科</a></li>
                        </ul>
                    </li>
                    <li class="drop-down">
                        <ul class="drop-down-content">
                            <li class="drop-down-column"><a href="#">分类</a></li>
                            <li class="drop-down-d"><a href="#">懂啦</a></li>
                            <li class="drop-down-d"><a href="#">秒懂星课堂</a></li>
                            <li class="drop-down-d"><a href="#">秒懂大师说</a></li>
                            <li class="drop-down-d"><a href="#">秒懂看瓦特</a></li>
                            <li class="drop-down-d"><a href="#">秒懂五千年</a></li>
                            <li class="drop-down-d"><a href="#">秒懂全视</a></li>
                        </ul>
                    </li>
                    <li class="drop-down">
                        <ul class="drop-down-content">
                            <li class="drop-down-column"><a href="#">秒懂百科</a></li>
                            <li class="drop-down-d"><a href="#">懂啦</a></li>
                            <li class="drop-down-d"><a href="#">秒懂星课堂</a></li>
                            <li class="drop-down-d"><a href="#">秒懂大师说</a></li>
                            <li class="drop-down-d"><a href="#">秒懂看瓦特</a></li>
                            <li class="drop-down-d"><a href="#">秒懂五千年</a></li>
                            <li class="drop-down-d"><a href="#">秒懂全视</a></li>

                        </ul>
                    </li>
                    <li class="drop-down">
                        <ul class="drop-down-content">
                            <li class="drop-down-column"><a href="#">特色百科</a></li>
                            <li class="drop-down-d"><a href="#">数字博物馆</a></li>
                            <li class="drop-down-d"><a href="#">非遗百科</a></li>
                            <li class="drop-down-d"><a href="#">百度数说</a></li>
                            <li class="drop-down-d"><a href="#">城市百科</a></li>
                            <li class="drop-down-d"><a href="#">恐龙百科</a></li>
                            <li class="drop-down-d"><a href="#">多肉百科</a></li>
                        </ul>
                    </li>
                    <li class="drop-down">
                        <ul class="drop-down-content">
                            <li class="drop-down-column"><a href="#">用户</a></li>
                            <li class="drop-down-d"><a href="#">蝌蚪团</a></li>
                            <li class="drop-down-d"><a href="#">燃梦计划</a></li>
                            <li class="drop-down-d"><a href="#">百科任务</a></li>
                            <li class="drop-down-d"><a href="#">百科商城</a></li>
                        </ul>
                    </li>
                    <li class="drop-down">
                        <ul class="drop-down-content">
                            <li class="drop-down-column"><a href="#">权威合作</a></li>
                            <li class="drop-down-d"><a href="#">合作模式</a></li>
                            <li class="drop-down-d"><a href="#">常见问题</a></li>
                            <li class="drop-down-d"><a href="#">联系方式</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul class="drop-down-content">
                            <li class="drop-down-column">
                                <div class="separator"
                                     style="float: left; margin-left: 258px; margin-top: 9px; height: 22px;"></div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="drop-down-content">
                            <li class="drop-down-column">
                                <div class="drop-down-column"
                                     style="float: right; width: 150px; text-align: center; line-height: 40px">个人中心
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!--背景-->
        <div class="drop-down-background"></div>
    </div>
    <div class="tt-content">
        <div style="height: 55px ;width: 145px; float: left; color: white; margin-top: 100px;">秒懂百科，世界如此简单</div>
        <div style="height: 185px; width: 653px; background-color: #333333; margin-left: 33px; float: left"></div>
        <div style="height: 90px; width: 70px; margin-left: 33px; float: left;margin-top: 105px; color: #38f">
            一看就懂的视频百科
        </div>
    </div>
</div>

<div style="background-color: #eee; float: left; width: 100%;">
    <div class="content-div">
        <div class="content-div-top py-sm pl-md" style="border-bottom: #bdbdbd solid 1px">
            <div style="float: left;"><b>宇宙大爆炸</b>是一个<a href="">多义词</a>，请在下列义项上选择浏览（<a href="">共4个义项</a>）</div>
            <div style="float: left; margin-top: 3px" class="separator ml-sm mr-sm"></div>
            <div>添加义项 +</div>
        </div>
        <div class="content-div-top-2 py-sm mx-md" >
            <div class="ml-sm mr-sm">▪2008年Tony Krantz执导纪录片</div>
            <div class="ml-sm mr-sm">▪理论设想</div>
            <div class="ml-sm mr-sm">▪美国2011年托尼·克朗茨执导电影</div>
            <div class="ml-sm mr-sm">▪美国迈克·佩里康著书籍</div>
        </div>
    </div>
    <div class="content-div" style="height: 1110px;">
        <div style="width: 782px; float: left; padding: 29px;" class="mt-md">
            <h1 style="display: initial">宇宙大爆炸</h1>
            <h2 style="display: initial; font-weight: initial">（2008年Tony Krantz执导纪录片）</h2>
            <div class="content-title-button">编辑</div>
            <div class="content-title-button">讨论7</div>
            <div style="text-indent: 2rem" class="mt-md">宇宙大爆炸是一个纪录片。</div>
            <div class="content-basic mt-md">
                <div>
                    <div class="content-basic-title">中文名</div>
                    <div class="content-basic-value">宇宙大爆炸</div>
                    <div class="content-basic-title">导 演</div>
                    <div class="content-basic-value">Tony Krantz</div>
                </div>
                <div>
                    <div class="content-basic-title">制片地区</div>
                    <div class="content-basic-value">中国大陆</div>
                    <div class="content-basic-title">首播时间</div>
                    <div class="content-basic-value">2008-2-20</div>
                </div>
                <div>
                    <div class="content-basic-title">集 数</div>
                    <div class="content-basic-value">4</div>
                    <div class="content-basic-title">播出平台</div>
                    <div class="content-basic-value">CCTV-10</div>
                </div>
            </div>
            <div class="content-catalog">
                <div>目录</div>
                <div>
                    <div>1 基本信息</div>
                    <div>2 介绍</div>
                </div>
            </div>
            <div class="basic-top">
                <div>基本信息</div><div class="basic-top-x"></div><div>编辑</div>
                <div></div>
            </div>
            <div style="margin-left: 40px">
                <ul class="content-ul">
                    <li>名称：《宇宙大爆炸》</li>
                    <li>首播频道：CCTV-10</li>
                    <li>产地：中国大陆</li>
                    <li>总导演：Tony Krantz</li>
                    <li>编导：Erik Jendresen</li>
                    <li>年份：2008</li>
                    <li>出品：探索·发现</li>
                    <li>类别：探索 [1]</li>
                </ul>
            </div>
            <div class="basic-top">
                <div>介绍</div><div class="basic-top-x2"></div><div>编辑</div>
                <div></div>
            </div>
            <div class="content-body">
                2006年10月3日瑞典斯德哥尔摩瑞典皇家科学院宣布将本年度诺贝尔物理学奖授予美国科学家--约翰-马瑟和乔治-斯穆特。以表彰他们发现了宇宙微波背景辐射的黑体谱形及其温度在空间不同方向的微小变化。他们用科比卫星进行的精确观测为宇宙起源的大爆炸理论提供了有力支持。我们在宇宙中处于怎样的位置、宇宙有没有起源、如果有它怎样起源，几千年来人类观察宇宙的手段从肉眼发展到望远镜和人造卫星。视野从太阳系扩展到银河系和河外星系，而对宇宙的认识则经历了蒙昧时期的神话。
                [1]
            </div>
            <div class="content-body-bottom">
                参考资料
            </div>
            <div class="content-end-bottom">
                1. 《宇宙大爆炸》 <div style="display: inline-block">．中国网络电视台[引用日期2013-10-09]</div>
            </div>
            <div class="content-end-div">
                词条标签： 纪实节目 ， 非娱乐作品 ， 综艺节目 ， 电视剧 ， 娱乐作品
            </div>
        </div>
        <div style="width: 270px; margin-right: 20px;  padding-top: 29px; float: left">
            <div style="border: #bdbdbd solid 1px">
                <img src="./img/img1.jpg" />
                <div class="content-right-div-top">
                    <div>宇宙大爆炸图册</div>
                </div>
            </div>
            <div style="border: #bdbdbd solid 1px; height: 191px" class="mt-md">
                <div class="pa-sm pb-none mb-sm" style="font-size: 14px">
                    <div style="display: initial; font-weight: bold;" class="ml-xs">V百科</div>  <div class="mr-xs" style="display: initial; float: right">往期回顾</div>
                </div>
                <img src="./img/img2.jpg" />
            </div>

            <div style="border: #bdbdbd solid 1px; font-size: 14px" class="mt-sm pa-sm content-right-vbk">
                <div style="font-weight: bold">词条统计</div>
                <div>浏览次数：1117513次</div>
                <div>编辑次数：14次历史版本</div>
                <div style="border-bottom: #bdbdbd solid 1px">最近更新：冷魄year （2018-07-07）</div>
                <div style="font-weight: bold">突出贡献榜</div>
                <div>jeep1015</div>
            </div>
            <div style="border: #bdbdbd solid 1px; height: 250px; width: 250px; font-size: 14px" class="mt-sm pa-sm">
                <div style="margin: 0px 45px">
                    <div style="font-size: 14px;">反馈意见：</div>
                    <div class="content-right-div-button">
                        <div><a href="">视觉干扰</a></div> <div><a href="">内容不宜</a></div>
                        <div><a href="">不感兴趣</a></div> <div><a href="">其他原因</a></div>
                    </div>
                    <div class="mt-sm" style="font-size: 12px"><u>返回</u></div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>

</html>